
body , ul , ol , h2 , h3 , h4, h5 , p , dl , dt , dd , form { padding: 0; margin: 0; }
img { border: none; }
li { list-style: none; }

body { background: #7d0029 url(../images/body_bg.png) repeat-x; }
#top_bg { background: url(../images/top_bg.png) no-repeat center 0; }
#footer_bg { background: url(../images/footer_bg.png) no-repeat center bottom; }

.clear { clear: both; height: 0; font-size: 1px; }

.page { height: 50px; line-height: 50px; text-align: center; }
.page span { position: relative; top: -2px; padding: 0 3px; }
.page a { font-size: 12px; font-family: arial; color: #ff4683; text-decoration: none; padding: 5px 10px; font-weight: bold; }
.page a:hover { background: #504f4f; color: #fff; }
.page .active { background: #504f4f; color: #fff; }

#student .page { position: relative; top: 140px; }

.font_style_1 { font-family: "宋体"; }

h1 { width: 387px; height: 126px; margin: 0 auto; position: relative; left: -24px; _left: -13px; }

#index { background: #25000c url(../images/index.png) no-repeat center 0; height: 800px; }
#index h2 { width: 300px; height: 100px; position: absolute; top: 160px; left: 50%; margin-left: -150px; }
#index h2 a { display: block; width: 300px; height: 100px; }
#index h3 { width: 870px; height: 50px; position: absolute; top: 395px; left: 50%; margin-left: -435px; }
#index_nav { width: 400px; text-align: center; position: absolute; top: 530px; left: 50%; margin-left: -200px; color: #fff; word-spacing: 10px; }
#index_nav a { font-size: 20px; font-family: arial; color: #fff; text-decoration: none; font-weight: bold; }
#index_nav a:hover { position: relative; top: 2px; border-bottom: 1px solid #fff; }
#index #footer { position: absolute; top: 630px; left: 50%; margin-left: -460px;}

#main_module { width: 996px; height: 363px; background: url(../images/power_point_bg.png); margin: 0 auto; position: relative; top: -17px; }

#nav { width: 600px; height: 56px; position: relative; left: 38px; }
#nav ul { width: 600px; height: 56px; position: relative; z-index: 2; }
#nav li { float: left; }
#nav a { float: left; width: 100px; height: 56px; line-height: 60px; overflow: hidden; text-align: center; font-family: Microsoft YaHei; font-size: 16px; color: #83475a; text-decoration: none; }
#nav a:hover { color: #e23665; }
#nav .active a { color: #fff; }
#nav .active a:hover { color: #fff; }

#nav_active { width: 100px; height: 56px; background: url(../images/nav_active.gif) no-repeat; position: absolute; top: -2px; left: 0; z-index: 1; }

#search { width: 290px; height: 38px; position: absolute; top: 15px; right: 40px; }
#search span { color: #936464; font-size: 16px; font-family: arial; position: absolute; top: 9px; left: 0; }
#search .text { border: 0; width: 166px; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px; color: #333; font-family: arial; background: url(../images/search_text_bg.gif) no-repeat; position: absolute; top: 6px; left: 60px; }
#search .btn_normal { border: 0; width: 40px; height: 40px; background: url(../images/search_btn_bg.gif) no-repeat 0 0; cursor: pointer; position: absolute; top: 0; right: 0; }
#search .btn_active { border: 0; width: 40px; height: 40px; background: url(../images/search_btn_bg.gif) no-repeat 0 -40px; cursor: pointer; position: absolute; top: 0; right: 0; }

#power_point { width: 920px; height: 234px; position: absolute; top: 64px; left: 50%; margin-left: -460px; }
#power_point .btn { width: 147px; height: 27px; position: absolute; bottom: 10px; right: 10px; z-index: 3; font-family: arial; line-height: 21px; }
#power_point .btn_bg { width: 147px; height: 27px; position: absolute; top: 0; left: 0; z-index: 1; background:url('../images/power_point_btn_bg.png') !important; background:none; filter:none!important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/power_point_btn_bg.png',sizingMethod='images');}
#power_point #num { width: 29px; height: 21px; background: url(../images/power_point_btn.gif) no-repeat 0 -37px; position: absolute; top: 3px; left: 59px; font-size: 12px; color: #666; text-align: center; z-index: 2; }
#power_point #prev { width: 45px; height: 21px; position: absolute; left: 4px; top: 3px; cursor: pointer; font-size: 10px; text-align: center; z-index: 2; }
#power_point #next { width: 45px; height: 21px; position: absolute; right: 4px; top: 3px; cursor: pointer; font-size: 10px; text-align: center; z-index: 2; }
#power_point .prev_normal { background: url(../images/power_point_btn.gif) no-repeat 0 -130px; color: #eaeaea; }
#power_point .prev_active { background: url(../images/power_point_btn.gif) no-repeat 0 -161px; color: #666; }
#power_point .next_normal { background: url(../images/power_point_btn.gif) no-repeat 0 -68px; color: #eaeaea; }
#power_point .next_active { background: url(../images/power_point_btn.gif) no-repeat 0 -99px; color: #666; }

#power_point ul { width: 920px; height: 234px; position: absolute; top: 0; left: 0; z-index: 1; }
#power_point li { position: absolute; top: 0; left: 0; }
#power_point li img { width: 920px; height: 234px; }

#main { width: 918px; background: #eaeaea; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0 auto; position: relative; }
#main_top { width: 923px; height: 72px; position: absolute; top: -72px; left: -1px;
    background:url('../images/main_top.png') !important; background:none; filter:none!important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_top.png',sizingMethod='images');
}
#main_footer { width: 920px; height: 10px; overflow: hidden; background: url(../images/main_footer.gif) no-repeat; margin: 0 auto; }

#footer { width: 920px; margin: 0 auto; text-align: center; font-size: 14px; color: #fff; line-height: 28px; font-family: arial; word-spacing: 8px; padding: 15px 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: none; position: relative; top: 1px; border-bottom: 1px solid #fff; }
#footer span { font-size: 12px; }

#curriculum { width: 864px; padding: 5px; border: 1px solid #fff; margin: 0 auto; position: relative; top: -30px; }
#curriculum li { width: 864px; height: 182px; background: url(../images/curriculum_li_bg.gif) no-repeat; position: relative; }
#curriculum li img { position: relative; top: 4px; left: 5px; }

#sitepath { width: 918px; height: 24px; line-height: 22px; margin: 0 auto; color: #504f4f; font-size: 12px; position: relative; top: -75px; word-spacing: 6px; }
#sitepath a { color: #ff4800; text-decoration: none; }
#sitepath a:hover { text-decoration: underline; }

#message_wrap { width: 868px; margin: 0 auto; }

#message_list { float: left; width: 630px; position: relative; }
#message_list h2 { width: 500px; height: 100px; position: absolute; top: -60px; left: 0; }
#message_list h2 span { float: left; width: 87px; height: 97px;
	background:url('../images/message_h2.png') no-repeat !important; background:none; filter:none!important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/message_h2.png',sizingMethod='images');
}
#message_list h2 strong { float: left; font-size: 24px; font-family: Microsoft YaHei; font-weight: normal; color: #555; padding-top: 20px; }
#message_list ul { border: 1px solid #fff; background: #f2f2f2; padding: 20px; }
#message_list li { border-bottom: 1px dotted #cfcfcf; padding: 10px; line-height: 20px; }
#message_list h3 { font-size: 14px; padding-bottom: 6px; color: #666; }
#message_list h4 { font-size: 12px; font-weight: normal; color: #999; word-spacing: 10px; }
#message_list p { font-size: 12px; color: #444; width:566px; overflow:hidden; word-break: break-all; }
#message_list .reply { color: #ed5187; padding-top: 5px; }

#message_side { float: right; width: 228px; position: relative; }

.message_module { width: 228px; position: absolute; top: 0; }

.message_module .m_t { height: 4px; overflow: hidden; }
.message_module .m_t_l { width: 4px; height: 4px; overflow: hidden; background: url(../images/message_module_bg1.gif) no-repeat 0 0; position: absolute; top: 0; left: 0; }
.message_module .m_t_m { margin: 0 7px 0 4px; height: 4px; overflow: hidden; background: url(../images/message_module_bg1.gif) repeat-x 0 -13px; }
.message_module .m_t_r { width: 7px; height: 4px; overflow: hidden; background: url(../images/message_module_bg1.gif) no-repeat right 0; position: absolute; top: 0; right: 0; }

.message_module .m_m { position: relative; z-index: 1; overflow:hidden; }
.message_module .m_m_l { background: url(../images/message_module_bg2.gif) repeat-y 0 0; }
.message_module .m_m_r { background: url(../images/message_module_bg2.gif) repeat-y right 0; }
.message_module .m_m_m { margin: 0 7px 0 4px; background: #dfdfdf;}

.message_module .m_b { height: 7px; overflow: hidden; position: relative; }
.message_module .m_b_l { width: 4px; height: 7px; overflow: hidden; background: url(../images/message_module_bg1.gif) no-repeat 0 -5px; position: absolute; top: 0; left: 0; }
.message_module .m_b_m { margin: 0 7px 0 4px; height: 7px; overflow: hidden; background: url(../images/message_module_bg1.gif) repeat-x 0 -18px; }
.message_module .m_b_r { width: 7px; height: 7px; overflow: hidden; background: url(../images/message_module_bg1.gif) no-repeat right -5px; position: absolute; top: 0; right: 0; }

#message_search { padding: 12px 0 12px 8px; position: relative; }
#message_search .wrap { border: 1px solid #c1c1c1; width: 196px; height: 25px; background: url(../images/text_bg.gif) repeat-x 0 0; position: relative; }
#message_search .text { border: 0; width: 164px; height: 25px; line-height: 25px; font-size: 14px; font-family: arial; color: #666; padding: 0 4px; background: #fff url(../images/text_bg.gif) repeat-x 0 0; position: absolute; top: 0; left: 0; }
#message_search .btn_normal { border: 0; width: 24px; height: 22px; background: url(../images/message_search_btn.gif) no-repeat 0 0; cursor: pointer; position: absolute; bottom: 0; right: 0; }
#message_search .btn_active { border: 0; width: 24px; height: 22px; background: url(../images/message_search_btn.gif) no-repeat 0 bottom; cursor: pointer; position: absolute; bottom: 0; right: 0; }

#prompt { width: 196px; border: 1px solid #c1c1c1; background: #fff; position: absolute; top: 38px; left: 8px; font-size: 14px; line-height: 25px; display: none; }
#prompt li { padding-left: 5px; cursor: pointer; color: #333; }
#prompt .active { background: #e9e9e9; }

#message_content { width: 210px; }
#message_content dt { font-size: 14px; font-weight: bold; color: #504f4f; padding: 5px 0 5px 10px; margin-bottom: 8px; border-bottom: 1px solid #cdcdcd; cursor: move; position: relative; height:15px; }
#message_content .active { background: url(../images/message_active.gif) no-repeat center bottom; }
#message_content dd { width: 200px; overflow: hidden; padding-bottom: 5px; }
#message_content h3 { width: 38px; font-size: 12px; font-weight: normal; text-align: center; float: left; padding-top: 10px; color: #504f4f; }
#message_content .input { width: 150px; float: left; }
#message_content .text { width: 148px; height: 25px; line-height: 25px; padding: 0 5px; border: 1px solid #c1c1c1; background: #fff url(../images/text_bg.gif) repeat-x; font-size: 14px; font-family: arial; color: #666; }
#message_content textarea { width: 148px; height: 80px; padding: 0 5px; border: 0; overflow: auto; border: 1px solid #c1c1c1; background: #fff url(../images/text_bg.gif) repeat-x; font-size: 14px; font-family: arial; line-height: 22px; color: #666; }

#hack_btn img { margin-left: 38px; }

#message_content .btn_normal { border: 0; width: 67px; height: 23px; color: #ffd9e3; background: url(../images/message_btn.gif) no-repeat 0 0; cursor: pointer; }
#message_content .btn_active { border: 0; width: 67px; height: 23px; color: #fff; background: url(../images/message_btn.gif) no-repeat 0 bottom; cursor: pointer; position: relative; left: 38px; top: 4px; }

#message_content_succ { color:#666; text-align:center; line-height:30px;}

.close_normal { width: 18px; height: 18px; overflow: hidden; background: url(../images/message_close.gif) no-repeat 3px -35px; position: absolute; top: 3px; right: 0; cursor: pointer; }
.close_active { width: 18px; height: 18px; overflow: hidden; background: url(../images/message_close.gif) no-repeat 3px 4px; position: absolute; top: 3px; right: 0; cursor: pointer; }

#course { width: 860px; margin: 0 auto; }

#course_side { float: left; width: 162px; position: relative; top: -40px; }

#main_nav { height: 124px; padding-top: 40px; background: url(../images/main_nav_bg.gif) no-repeat right 0; margin-bottom: 10px; }
#main_nav li { margin-bottom: 10px; }
#main_nav li a { display: block; width: 142px; height: 32px; line-height: 32px; font-weight: bold; font-family: Microsoft YaHei; padding-right: 20px; font-size: 16px; text-align: right; color: #898989; text-decoration: none; background: url(../images/main_nav_btn.gif) no-repeat 0 0; }
#main_nav li a:hover { color: #666; background: url(../images/main_nav_btn.gif) no-repeat 0 -32px; }
#main_nav .active , #main_nav .active:hover { background: url(../images/main_nav_btn.gif) no-repeat 0 -64px; color: #fff; }


#fun_btn { margin-bottom: 40px; }
#fun_btn li { margin-bottom: 10px; }
#fun_btn a { display: block; width: 162px; height: 50px; }

#fun_btn .bg1 { background: url(../images/fun_btn.gif) no-repeat 0 0; }
#fun_btn .bg1:hover { background: url(../images/fun_btn.gif) no-repeat -175px 0; }
#fun_btn .bg2 { background: url(../images/fun_btn.gif) no-repeat 0 -63px; }
#fun_btn .bg2:hover { background: url(../images/fun_btn.gif) no-repeat -175px -63px; }
#fun_btn .bg3 { background: url(../images/fun_btn.gif) no-repeat 0 -127px; }
#fun_btn .bg3:hover { background: url(../images/fun_btn.gif) no-repeat -175px -127px; }

#course_side dt { width: 152px; font-size: 14px; font-weight: bold; color: #504f4f; border-bottom: 1px solid #999; padding: 0 0 8px 10px; margin-bottom: 5px; }
#course_side dd a { display: block; height: 25px; line-height: 25px; font-size: 12px; text-decoration: none; color: #504f4f; padding-left: 6px; }
#course_side dd a:hover { background: #f3f3f3; }

#course_details { float: right; width: 670px; position: relative; top: -40px; z-index: 2; color: #4f4f4f; font-size: 12px; }
#course_details h2 { font-family: Microsoft YaHei; font-size: 24px; color: #4f4f4f; font-weight: normal; padding-bottom: 20px; }
#course_details .text_module h3 { font-size: 14px; line-height: 30px; position:relative; }
#course_details .text_module h3 a {position:absolute; right:0; top: 4px; margin-right:10px; padding-top:0; color:#930; font-weight:normal; font-size:12px; text-decoration:none; line-height: 20px;}
#course_details .text_module h3 a:hover {text-decoration:underline; font-weight:bold; margin-right:6px;}
#course_details .text_module p { font-family: Microsoft YaHei; padding: 10px; line-height: 20px; }
#course_details .text_module ul { padding: 10px; line-height: 20px; }
#course_details .text_module ul a { font-family: "宋体"; color: #4f4f4f; text-decoration: none; }
#course_details .text_module ul a:hover { text-decoration: underline; font-weight: bold; }
#course_details .text_module ol { padding: 10px; line-height: 20px; font-family: arial; }
#course_details .text_module ol a { color: #ff4800; }
#course_details .text_module ol a:hover { font-weight: bold; }

.footer_link { line-height: 25px; padding: 20px; background: #f2f2f2; border: 1px solid #dadada; margin-top: 20px; color: #999; }
.footer_link a { color: #ff4800;}
.footer_link a:hover { font-weight: bold; }

.video_course_info { padding: 20px; background: #f2f2f2; line-height:24px; border: 1px solid #dadada; margin-bottom: 20px; color: #999; font-family:arial; }
.video_course_info dt { font-weight:bold; cursor:pointer; }
.video_course_info dd { display:none; }
.video_course_info dl { margin-left:20px;  }
.video_course_info dl dt { padding-left:20px; }
.video_course_info dt dt { padding-left:20px; background:red; }
.video_course_info dl dl dd { margin-left:20px; }
.video_course_info ol { display:inline-block; margin-top:-10px; }
.video_course_info ol li { float:left; margin: 10px 10px 0 0; display:inline; }
.video_course_info ol li a { display:block; width:60px; height:60px; border:1px solid #CCC; padding:1px; background:white; }
.video_course_info ol li a:hover { border:1px solid #999; }

.video_course_info .up { background: url(../images/course_ico.gif) no-repeat 0 -38px; padding-left:20px; }
.video_course_info .down { background: url(../images/course_ico.gif) no-repeat 0 5px; padding-left:20px; }

.info_style { line-height: 24px; font-size:12px; color:#666; }

.course_info { width: 668px; border-collapse: collapse; border: 1px solid #c5c5c5; font-family: arial; }
.course_info thead th { background: #f2f2f2; height: 36px; font-weight: normal; color: #929191; }
.course_info th , .course_info td { border: 1px solid #dadada; }
.course_info a { color: #ff4800; }
.course_info a:hover { font-weight: bold; }
.course_info tbody td { background: #fff; text-align: center; padding: 10px 0; }

#about_module { width: 918px; height: 480px; margin: 0 auto; position: relative; padding: 50px 0; }

#about_list { width: 160px; position: absolute; top: 0; left: 20px; }
#about_list li { border-bottom: 1px dotted #bebebe; cursor: pointer; }
#about_list a { display: block; width: 160px; height: 40px; line-height: 40px; font-size: 15px; font-family: Microsoft YaHei; text-decoration: none; color: #4f4f4f; }
#about_list a:hover { background: url(../images/about_list_active.gif) no-repeat; }
#about_list a span { display: block; width: 140px; height: 40px; padding-left: 20px; background: url(../images/about_list_ico.gif) no-repeat 6px center; }
#about_list .active { background: url(../images/about_list_active.gif) no-repeat; }

#about_content { width: 700px; height: 550px; margin-right: 20px; display: inline; border: 1px solid #fff; background: #f3f3f3; position: absolute; top: -40px; right: 0; }
#about_content .wrap { width: 640px; height: 458px; overflow: hidden; position: absolute; top: 20px; left: 20px; }
#div_content { width: 640px; position: absolute; top: 0; left: 0; line-height: 22px; color: #504f4f; font-family: arial; }
#div_content a { color: #504f4f; text-decoration:none;}
#div_content a:hover { text-decoration:underline;}
#about_content h2 { font-size: 14px; padding-bottom: 10px; }
#about_content p { font-size: 12px; padding-bottom: 10px; }

#scroll_ball_y { width: 17px; height: 470px; position: absolute; top: 0px; right: 28px; }
#ball_scope { width: 17px; height: 440px; position: absolute; top: 20px; left: 0; z-index: 30; }
.ball_y { width: 13px; height: 114px; background: url(../images/scroll_ball_y.gif) repeat-y -20px 0; position: absolute; top: 0; left: 2px; cursor: pointer; z-index: 5; }
.ball_y_bg { width: 17px; height: 470px; background: url(../images/scroll_ball_y.gif) repeat-y 0 0; position: absolute; left: 0; z-index: 1; }
.scroll_top { width: 17px; height: 24px; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; }
.scroll_top_normal { background: url(../images/scroll_ball_y.gif) no-repeat -76px 0; position:absolute;}
.scroll_top_over { background: url(../images/scroll_ball_y.gif) no-repeat -36px 0; position:absolute;}
.scroll_top_down { background: url(../images/scroll_ball_y.gif) no-repeat -56px 0; position:absolute;}
.scroll_bottom { width: 17px; height: 24px; position: absolute; bottom: 0; left: 0; z-index: 2; cursor: pointer; z-index: 2; }
.scroll_bottom_normal { background: url(../images/scroll_ball_y.gif) no-repeat -76px -90px; position:absolute;}
.scroll_bottom_over { background: url(../images/scroll_ball_y.gif) no-repeat -36px -90px; position:absolute;}
.scroll_bottom_down { background: url(../images/scroll_ball_y.gif) no-repeat -56px -90px; position:absolute;}

#slide_play { width: 834px; height: 510px; margin: 0 auto; position:relative; overflow:hidden; }

#slide_play .wrap { height: 334px; position: relative; }
#slide_play ul { position: absolute; top: 0; left: 0; }
#slide_play ul li { position: absolute; }

#photo_info { width: 244px; height: 106px; position: absolute; bottom: 6px; z-index: 1000; font-size: 12px; font-family: arial; }
#photo_info .adorn { width: 15px; height: 9px; overflow: hidden; background: url(../images/adorn.gif) no-repeat; position: absolute; left: 50%; top: -8px; z-index: 3; margin-left: -7px; }
#photo_info p { width: 218px; height:80px; line-height: 20px; padding: 10px; border: 1px solid #fff; background: #000; filter: alpha(opacity=80); opacity: 0.8; color: #fff; position: relative; z-index: 2; }
#photo_info .bg { width: 238px; height: 102px; background: #000; position: absolute; bottom: 0; right: 0; filter: alpha(opacity=15); opacity: 0.15; }
#photo_info a { color: #99ccff; text-decoration: none; font-family: "宋体"; }
#photo_info a:hover { text-decoration: underline; }

.scroll_ball_x { width: 834px; height: 17px; background: url(../images/scroll_ball_x.gif) repeat-x; position: absolute; left: 100px; bottom: 40px; cursor: pointer; }

.scroll_left_normal { position:absolute; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat 0 -76px; z-index:2; left: -20px; }
.scroll_right_normal { position:absolute; top: 0px; right: -20px; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat -90px -76px; z-index:2; }
.scroll_left_active { position:absolute; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat 0 -36px; z-index:2; left: -20px; }
.scroll_right_active { position:absolute; top: 0px; right: -20px; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat -90px -36px; z-index:2; }
.scroll_left_down { position:absolute; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat 0 -56px; z-index:2; left: -20px; }
.scroll_right_down { position:absolute; top: 0px; right: -20px; width:24px; height:17px; background:url(../images/scroll_ball_x.gif) no-repeat -90px -56px; z-index:2; }

.ball_x_bg { top:17px; width:400px; left:0px; top:0px; }
.ball_x { width: 181px; height:13px; position:absolute; background:url(../images/scroll_ball_x.gif) repeat-x 0 -20px; top:2px; left: 188px; overflow:hidden; }

.scrollBarOuter {background:white; width:100%; filter: alpha(opacity=0); opacity:0; top:0px; left:0px; position:absolute; z-index:3000;}

#course_content { width: 658px; height: 512px; padding: 10px 0 0 10px; border: 1px solid #fff; background: #f2f2f2; position:relative; }
#course_content li { float: left; width: 205px; margin: 0 10px 10px 0; display: inline; border-top: 1px solid #e9e9e9; border-right: 3px solid #e9e9e9; border-bottom: 3px solid #e9e9e9; border-left: 1px solid #e9e9e9; height:226px; }
#course_content dl { border: 1px solid #fff; padding: 10px; background: #fff url(../images/course_content_dl.gif) repeat-x 0 bottom; font-family: arial; overflow:hidden; height:208px; }
#course_content dt { font-size: 14px; font-weight: bold; color: #666; padding-bottom: 10px; }
#course_content dd { color: #959595; background: url(../images/list_ico.gif) no-repeat 0 6px; padding-left: 8px; line-height: 15px; padding-bottom: 5px; }
#course_content dd a { color: #959595; text-decoration: none; }
#course_content dd a:hover { text-decoration: underline; }

#contact { width: 898px; padding: 0 10px; position: relative; top: -30px; }
#map { float: left; width: 600px; height: 530px; position: relative; z-index: 1; }
#map .adorn1 { width: 10px; height: 530px; overflow: hidden; background: #eaeaea; border-right: 1px solid #5d5d5d; position: absolute; top: 0; left: -7px; z-index: 100; }
#map .adorn2 { width: 10px; height: 530px; overflow: hidden; background: #eaeaea; border-left: 1px solid #5d5d5d; position: absolute; top: 0; right: -7px; z-index: 100; }
#map .adorn3 { width: 594px; height: 50px; overflow: hidden; background: #eaeaea; border-top: 1px solid #5d5d5d; position: absolute; bottom: -4px; left: 3px; z-index: 100; }

#contact_text { float: right; width: 278px; font-size: 14px; color: #666; line-height: 20px; }
#contact_text h3 { font-size: 14px; padding-bottom: 10px; }
#contact_text .frame { padding-bottom: 10px; }
#contact_text h4 { font-size: 14px; padding-bottom: 5px; }
#contact_text p { font-family: arial; }

.space1 { letter-spacing: 3px; }
.space2 { letter-spacing: 5px; }

#index_main { width: 920px; height: 516px; margin: 0 auto; position: relative; }
#index_info { width: 900px; height: 284px; padding: 8px 0 0 24px; position: absolute; top: -72px; left: 0; z-index: 3; }
#dl_bg { width: 924px; height: 292px; position: absolute; top: 0; left: 0; z-index: 1;
	background:url('../images/index_info.png') no-repeat !important; background:none; filter:none!important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_info.png',sizingMethod='images');
}

#index_photo { width: 986px; height: 330px; position: absolute; bottom: 0; left: -33px; z-index: 1; }
#index_photo_bg { width: 986px; height: 330px; position: absolute; bottom: 0; left: 0; z-index: 1;
	background:url('../images/index_photo.png') no-repeat !important; background:none; filter:none!important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_photo.png',sizingMethod='images');
}

#index_photo dl { width: 576px; position: absolute; top: 40px; left: 60px; z-index: 4; }
#index_photo dt { height: 40px; line-height: 40px; font-size: 18px; font-family: Microsoft YaHei; color: #885050; position: relative; background: url(../images/ico.gif) no-repeat 0 12px; padding-left:20px; }
#index_photo dd { float: left; width: 95px; height: 95px; margin: 0 1px 1px 0; position: relative; background: #f3f3f3; }
#index_photo .jpg_normal { position: absolute; top: 0; left: 0; z-index: 1; }
#index_photo .jpg_active { position: absolute; left: 0; z-index: 2; display: none; }

#index_info dl { width: 266px; float: left; margin-right: 30px; position: relative; z-index: 2; }
#index_info dt { width: 246px; height: 40px; line-height: 40px; font-size: 18px; font-family: Microsoft YaHei; color: #885050; border-bottom: 1px solid #d2a1a1; position: relative; background: url(../images/ico.gif) no-repeat 0 12px; padding-left:20px; }
#index_info dd { width: 266px; height: 30px; line-height: 30px; border-bottom: 1px dotted #d2a1a1; position: relative; z-index: 2; }
#index_info dd a { float: left; width: 172px; height: 30px; overflow: hidden; padding-left: 20px; font-size: 12px; color: #7f5454; text-decoration: none; background: url(../images/ico.gif) no-repeat 8px -58px; }
#index_info dd span { float: left; width: 74px; font-size: 10px; color: #c99494; font-family: arial; }
#index_info .bg { background: #F8F0F0; position: absolute; top: 41px; left: 0; z-index: 1; border-bottom: none; }

#index_info ul { width: 299px; height: 202px; padding: 2px 0 0 1px; background: url(../images/index_btn.png) no-repeat; position: absolute; top: 59px; right: -7px; z-index: 3; }
#index_info li { padding-bottom: 12px; }
#index_info li a { display: block; width: 288px; height: 92px; }
#index_info .index_btn_1 a:hover { background: url(../images/index_btn.png) no-repeat -312px -2px; }
#index_info .index_btn_2 a:hover { background: url(../images/index_btn.png) no-repeat -312px -106px; }

.more { width: 52px; height: 14px; overflow: hidden; background: url(../images/more.gif) no-repeat 0 -15px; position: absolute; top: 12px; right: 0; }
.more:hover { background: url(../images/more.gif) no-repeat 0 0; }

#qq_group { width: 180px; font-family: Microsoft YaHei; position: absolute; top: 100px; right: 165px; z-index: 3; }
#qq_group h3 { font-size: 22px; font-weight: normal; padding-bottom: 10px; }
#qq_group p { font-size: 12px; padding: 0 10px 0 14px; color: #a9abc0; line-height: 18px; }

#qq_group h3 a , #qq_group p a { text-decoration: none; color: #a9abc0; }
#qq_group h3 a:hover , #qq_group p a:hover { text-decoration: underline; }

#qq_group h3 a { color: #7e8095; }

#qq_group .add_style { color: #ec668b; padding-top: 20px; }
#qq_group .btn { position: absolute; bottom: -4px; right: 0; }
#qq_group .btn a { display: block; width: 95px; height: 23px; background: url(../images/qq_bg.gif) no-repeat 0 0; }
#qq_group .btn a:hover { background: url(../images/qq_bg.gif) no-repeat 0 -30px; }

#photo { width: 908px; height: 520px; margin: 0 auto; position: relative; top: -30px; background: url(../images/photo_bg.png) no-repeat; }

.pic_list {width: 798px; height: 450px; margin: 0 auto; position: relative; left: 10px; top: 80px; }
.pic_list li { float: left; width: 210px; height: 130px; border: 1px solid #fff; background: #f2f2f2 url(../images/lightbox-ico-loading.gif) no-repeat center center; padding: 7px; margin: 0 40px 20px 0; position: relative; }
.pic_list li img { display: block; width: 210px; height: 130px; }

.pic_info { width: 290px; padding: 10px 5px 5px; font-size: 12px; color: #fff; margin-top: 10px; line-height: 20px; background: #333; position: absolute; bottom: 7px; left: 7px; filter: alpha(opacity=80); opacity: 0.8; }
.down_btn { width: 300px; border-top: 1px solid #fff; height: 10px; overflow: hidden; background: url(../images/down_btn.gif) no-repeat center 4px; position: absolute; top: 0; left: 0; cursor: pointer; }
.up_btn { width: 300px; height: 10px; overflow: hidden; background: #000 url(../images/up_btn.gif) no-repeat center 3px; position: absolute; bottom: 7px; left: 7px; filter: alpha(opacity=60); opacity: 0.6; cursor: pointer; z-index: 2; }

.user_info { width: 220px; padding: 0 5px 4px 0; position: absolute; top: 0; right: -220px; }
.user_info .adorn { width: 9px; height: 15px; background: url(../images/user_info_adorn.gif) no-repeat; position: absolute; top: 20px; left: -8px; z-index: 10; }
.user_info .wrap { width: 180px; line-height: 24px; padding: 15px 20px; border: 1px solid #fff; background: #000; filter: alpha(opacity=80); opacity: 0.8; word-break:break-all; color: #fff; font-size: 14px; font-family: arial; position: relative; z-index: 2; }
.user_info .wrap span { letter-spacing: 14px; }
.user_info .wrap a { color: #57aeff; font-family: "宋体"; text-decoration: none; }
.user_info .wrap a:hover { text-decoration: underline; }
.user_info .bg { width: 220px; background: #000; filter: alpha(opacity=20); opacity: 0.2; position: absolute; bottom: 0; right: 0; }

#drag_bar { width: 480px; height: 17px; background: url(../images/333.png); margin: 0 auto; position: relative; top: 10px; }

#student { width: 908px; height: 680px; margin: 0 auto; position: relative; top: -50px; }
#student .btn { width: 400px; height: 35px; line-height: 35px; text-align: center; position: relative; margin: 0 auto 30px; }
#student .btn a { padding-left: 40px; color: #f30; font-size: 14px; line-height: 45px; font-weight: bold; background: url(../images/qq_group.gif) no-repeat 0 -50px; position: absolute; top: 0; left: 0; }
#student .btn a:hover { color: #f66; background: url(../images/qq_group.gif) no-repeat 0 0; }
#student .btn input { border: 0; width: 168px; height: 45px; font-size: 14px; background: url(../images/student_btn.gif) no-repeat; color: #666; cursor: pointer; position: absolute; top: 0; right: 0; }
.teacher_photo { width: 294px; height: 234px; border: 1px solid #fff; background: #f8f8f8; padding: 7px; }
.ppt_page { position:absolute; left:50px; top:50px; background:white;}
.to_top {width: 120px; height: 34px; background:url('../images/ToTop.png'); cursor: pointer; z-index:9000;}
.to_top_ie6 {width: 120px; height: 34px; background:url('../images/ToTop.png') !important; background:none; filter:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/ToTop.png',sizingMethod='image'); cursor: pointer; z-index:9000;}

.popup { width: 356px; height: 306px; position: absolute;}
.popup .box { width: 338px; height: 288px; border: 1px solid #fff; background: #f2f2f2; position: absolute; top: 9px; left: 9px; z-index: 2; overflow:hidden;}
.popup .drag { position: absolute; top: 0; left: 0; width: 338px; height: 26px; cursor: move; background: #f2f2f2; }
.popup .close { position: absolute; top: 7px; right: 14px; width: 15px; height: 15px; background: url(../images/close.gif) no-repeat; }
.popup .close:hover { background: url(../images/close.gif) no-repeat -30px 0; }
.popup ul { width: 338px; overflow: hidden; padding-top: 26px; }
.popup li { float: left; padding-bottom: 6px; }
.popup h3 { float: left; font-size: 14px; font-weight: normal; color: #666; width: 70px; padding: 4px 0 0 25px; }
.popup .info { float: left; }
.popup .text { border: 1px solid #c1c1c1; width: 194px; height: 25px; line-height: 25px; font-size: 14px; font-family: arial; color: #666; padding: 0 4px; background: #fff url(../images/text_bg.gif) repeat-x 0 0; }
.popup textarea { border: 1px solid #c1c1c1; width: 194px; height: 125px; line-height: 25px; font-size: 14px; font-family: arial; color: #666; padding: 0 4px; background: #fff url(../images/text_bg.gif) repeat-x 0 0; overflow-y: auto; }
.popup .btn { border: none; width: 126px; height: 46px; background: #fff url(../images/btn.png) no-repeat; font-size: 14px; color: #666; position: relative; left: 92px; }
.popup .bg { width: 356px; height: 306px; position: absolute; top: 0; left: 0; background: #000; filter: alpha(opacity=30); opacity: 0.3; z-index: 1; }

.select { width: 202px; height: 25px; border: 1px solid #c1c1c1; background: #fff url(../images/text_bg.gif) repeat-x; font-size: 14px; color: #666; position: relative; }
.select p { width: 164px; height: 25px; overflow: hidden; line-height: 28px; padding-left: 10px; position: absolute; top: 0; left: 0; }
.select_btn { position: absolute; top: 0; right: 0; width: 28px; height: 25px; background: url(../images/select_btn.gif) no-repeat; }
.select_btn:hover { background: url(../images/select_btn.gif) no-repeat 0 -25px; }
.select ul { width: 174px; border: 1px solid #c1c1c1; position: absolute; top: 25px; left: -1px; background: #fff; padding: 0; }
.select li { width: 174px; height: 30px; line-height: 30px; color: #999; padding: 0; padding-left: 10px; cursor: pointer; }
.select .active { background: #f4f4f4; color: #666; }

.student_info { width: 880px; height: 53px; overflow: hidden; position: absolute; left: 50%; top: 70px; margin-left: -440px; padding: 18px 0 8px; background: url(../images/student_info.gif) no-repeat; font-size: 14px; }

.student_info h2 { float: left; font-size: 14px; padding-left: 22px; color: #666; }
.student_speech { float: left; width: 756px; height: 20px; overflow: hidden; position: relative; top: -2px; left: 6px; }
.student_speech p { height: 20px; line-height: 20px; position: absolute; left: 0; top: 0; }
.student_speech a { float: left; height: 20px; color: #ec668b; text-decoration: none; padding-left: 28px; }
.student_speech a:hover { color: #ca3b63; text-decoration: underline; }
.student_man { background: url(../images/sex_ico.gif) no-repeat 4px 0; }
.student_woman { background: url(../images/sex_ico.gif) no-repeat 4px -34px; }

.bdsug_copy { display: none; }
.bdSug_wpr table { color: #666; }

#html404 { padding: 10px 100px 100px; line-height: 50px; color: #444; }
#html404 .pic { text-align: center; padding-bottom: 50px; }
#html404 h3 { color: #990000; }
#html404 h3 a { color: #990000; }
#html404 h3 a:hover { color: #660000; }

#messageBoardContainer { width: 354px; height: 0px; position:absolute; top: 300px; left: 450px; overflow: hidden; z-index: 5;}
#messageBoard { width: 354px; height: 294px; position: absolute; }
#messageBoard .wrap { width: 344px; height: 284px; background: #ededed; border: 1px solid #f2f2f2; position: absolute; top: 4px; left: 4px; z-index: 2; }
#messageBoard .bg { width: 354px; height: 294px; background: #000000; position: absolute; top: 0; left: 0; filter: alpha(opacity=30); opacity: 0.3; z-index: 1; }
#messageBoard h2 { height: 24px; background: url(../images/messageBoard.gif) repeat-x 0 -24px; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; cursor: move; }
#messageBoard h2 span { line-height: 22px; }
#messageBoard h2 a { position: absolute; top: 5px; right: 6px; width: 11px; height: 11px; overflow:hidden; background: url(../images/messageBoard.gif) no-repeat; }
#messageBoard h2 a:hover { background: url(../images/messageBoard.gif) no-repeat 0 -12px; }
#messageBoard .content { padding: 10px 20px; }
#messageBoard .content p { line-height: 30px; font-size: 12px; color: #666666; }
#messageBoard .content p a { font-family: arial; font-weight: bold; color: #cc3333; border-bottom: 1px dotted #cc3333; }
#messageBoard .content p a:hover { position: relative; top: 1px; color: #cc0000; }
#messageBoard .red { color: #cc3333; }
#messageBoard .indent { text-indent: 24px; }
#messageBoard .date { text-align: right; }

#quirkyPopupShowBtn { position: absolute; top: 0; right: 0; width: 35px; height: 64px; background: url(../images/quirkyPopupShowBtn.gif) no-repeat; }
#quirkyPopupShowBtn:hover { background: url(../images/quirkyPopupShowBtn.gif) no-repeat 0 -70px; }

.galleryImgDivBeforeLoad{background:white url('../images/lightbox-ico-loading.gif') no-repeat center center;}

.video_problem{background:#F2F2F2;border:1px solid #DADADA;padding:7px 10px;margin:20px 0;}
#course_details .video_problem h2{border-bottom:1px solid #dadada;padding:0 12px;overflow:hidden;zoom:1;}
 
.video_problem .left{float:left;line-height:40px;font-size:14px;color:#4F4F4F;}
.video_problem .right{float:right;line-height:40px;font-size:12px;color:#989898;text-decoration:none;}
.video_problem .right strong{font-weight:normal;}
.video_problem #video_problem_list {display:inline-block;padding:5px 0 0 0;}
#video_problem_list li{width:314px;height:30px;overflow:hidden;float:left;position:relative;}
#video_problem_list li div{position:absolute;width:314px;left:0;}
.video_problem #video_problem_list li div a{display:block;line-height:30px;font-size:12px;color:#989898; background:url("../images/video_problem_list_ico.gif") no-repeat 10px 12px;padding-left:18px;}
#video_problem_list li div a strong{font-weight:normal;}

/*笑眯眯实战班*/
.smile_text p { font-size:14px; }
.smile_text strong { font-size:16px; color:#e60235; }
.smile_text span { font-weight:bold; }
.smile_wrap { position:relative; margin-top:10px; }
.smile_wrap h3 { height:30px; line-height:30px; background:#9cacba; padding-left:20px; color:#fff; }

.smile_text .adorn1 { width:6px; height:6px; overflow:hidden; position:absolute; top:0; left:0; background:url(../images/smile_adorn.gif) no-repeat; }
.smile_text .adorn2 { width:6px; height:6px; overflow:hidden; position:absolute; top:0; right:0; background:url(../images/smile_adorn.gif) no-repeat 0 -6px;}

.smile_text .adorn3 { width:7px; height:7px; overflow:hidden; position:absolute; bottom:0; left:0; background:url(../images/smile_adorn_bottom.gif) no-repeat;}
.smile_text .adorn4 { width:7px; height:7px; overflow:hidden; position:absolute; bottom:0; right:0; background:url(../images/smile_adorn_bottom.gif) no-repeat 0 -7px;}

.smile_text .detail {width:668px; background:#F2F2F2; border:1px solid #D9D9D9; position:relative; padding-bottom:20px;}
.smile_text .alt { text-align:center; padding:20px 0 24px; display:block; }
.smile_text dl { padding:0 0 24px 32px; font-size:14px; line-height:24px; }
.smile_text dl dt { font-weight:bold; }
.smile_text dl dd {}

.smile_text .btn {display:block; width:185px; height:45px; background:url(../images/btn.gif); text-decoration:none; line-height:45px; color:#686868; margin:0 auto; text-align:center; }
.smile_text .btn:hover { color:#000; }